﻿<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true"
    Inherits="Stats" Title="Filberts Filmquiz" CodeBehind="Stats.aspx.cs" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="NavPlaceholder" runat="Server">
    <input type="hidden" id="imageNo" runat="server" />
    <div id="quizButtonWrapper" runat="server">
        <asp:PlaceHolder ID="quizButtonsPlaceholder" runat="server"></asp:PlaceHolder>
    </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainPlaceHolder" runat="Server">
    <br />
    <asp:Label ID="notLoggedInLabel" runat="server" Text="Du skal være logget ind for at se statistikken"></asp:Label>
    <asp:Label ID="notAnsweredLabel" runat="server" Text="Du skal have gættet hvilken film billedet hører til for at se statistikken på dette billede"></asp:Label>
    <div id="statsWrapper" runat="server">
        <h3>
            <asp:Label ID="movieTitelLabel" runat="server"></asp:Label>
        </h3>
        <div id="statsContainerDiv">
            <div id="imageStatsDiv" runat="server">
                <div id="leftSideStats">
                    <div id="UsersPlaceholderDiv">
                        <asp:PlaceHolder ID="UsersPlaceHolder" runat="server"></asp:PlaceHolder>
                    </div>
                </div>
                <div id="rightSideStats">
                    <div id="WrongAnswersPlaceholderDiv">
                        <asp:PlaceHolder ID="WrongAnswersPlaceholder" runat="server"></asp:PlaceHolder>
                    </div>
                    <div id="commentsPlaceholderDiv">
                        <asp:Panel ID="commentsPanel" DefaultButton="commentButton" runat="server">
                        <asp:TextBox ID="commentTextbox" runat="server" Style="width: 220px;" ></asp:TextBox>
                        <div id="commentButtonDiv">
                            <asp:Button ID="commentButton" runat="server" Text="Kommenter" OnClick="commentButton_Click" />
                        </div>
                        <asp:PlaceHolder ID="commentsPlaceholder" runat="server"></asp:PlaceHolder>
                        </asp:Panel>
                    </div>
                </div>
            </div>
            <div id="generelStatsDiv" runat="server" style="text-align: center;">
                <asp:Label ID="generelStatsHeader" class="statsHeader" runat="server" Text="Generel statistik"></asp:Label>
                <br />
                <asp:Label ID="generelAnswersLabel" runat="server" Text="" Style="margin-bottom: 20px;"></asp:Label>
                <br />
                <br />
                <asp:PlaceHolder ID="completedPlayersPlaceholder" runat="server"></asp:PlaceHolder>
                <br />
                <br />
                <div id="numberOfQuestionsAnsweredDiv">
                    <asp:PlaceHolder ID="numberOfQuestionsAnsweredPlaceholder" runat="server"></asp:PlaceHolder>
                </div>
            </div>
        </div>
    </div>
    <div id="selectedImageJS">
        <script type="text/javascript">
            var buttonID = document.getElementById('ctl00_NavPlaceholder_imageNo').value;
            if (buttonID != 'ctl00_NavPlaceholder_butt0') {
                document.getElementById(buttonID).style.backgroundImage = "url('Web_resources/images/off50selected.png')"
            }
        </script>
    </div>
</asp:Content>
